<%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE html>
<html>
<head>
<title>最新动态</title>
<jsp:include page="/head.jsp"></jsp:include>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
</head>
<body>
	<jsp:include page="/header.jsp"></jsp:include>

	<div class="m-header-banner m-list-header"
		style="background: url(assets/IMJ2V2/images/contact-bg-1.jpg) 50% 0 no-repeat fixed;">
		<section class="am-container">
			<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 314}">
				<h2>最新动态</h2>
				<p>你猜今天又有什么特别</p>
			</hgroup>
		</section>
	</div>
	<!--
<nav class="m-cat-nav">
    <ul class="am-container">
                      <li class="am-active" ><a href="/zixun.jsp"><i class="icon-chevron-right"></i>最新资讯</a></li>
                      <li ><a href="/dongtai.jsp"><i class="icon-chevron-right"></i>网站动态</a></li>
                      <li ><a href="/help.jsp"><i class="icon-chevron-right"></i>帮助中心</a></li>
              </ul>
</nav>-->
	<section class="am-container m-news">
		<div class="m-container am-g" id="xinwen">
		<c:forEach items="${page['list'] }" var="vo" varStatus="i">
			<article class="am-cf">
				<div class="am-u-lg-2 am-u-md-12 m-news-date am-hide-md-down">
					<span class="m-date-num">${fn:substring(vo.articleTime, 8, 10) }</span>${fn:substring(vo.articleTime, 0, 7) }
				</div>
				<div class="am-u-lg-10 am-u-md-12 am-u-sm-12">
					<h3>
						<a href="newdetail.let?articleId=${vo.articleId }">${vo.articleTitle }</a>
					</h3>
					<div class="m-news-data">
						<span><i class="am-icon-clock-o"></i>${fn:substring(vo.articleTime, 0, 10) }</span> <span
							href="/dongtai.jsp"><i class="am-icon-bars"></i> ${vo.articleWorker }</span>
					</div>
					<p class="m-news-desc">${fn:substring(vo.articleContent, 3, 30)}...</p>
					<a href="newdetail.let?articleId=${vo.articleId }"
						class="am-btn am-btn-danger am-radius am-btn-xs" rel="nofollow">READ
						MORE</a>
				</div>
			</article>
			</c:forEach>
		</div>
		<%-- 分页 --%>
		<nav aria-label="Page navigation example">
			<ul class="pagination justify-content-center">
				<li class="page-item"><a class="page-link"
					href="	zixun-page1.let?current=1"
					aria-label="Previous"> <span aria-hidden="true">&laquo;</span>
				</a></li>
				
				
				<c:forEach items="${page.pages }" var="p" varStatus="i">
						<li class="page-item btn _page${p } ${p==page.current?'active':' '}"><a href="zixun-page1.let?current=${p }" class="page-link"aria-label="Previous">
				 	<span aria-hidden="true">${p }</span>
					</a></li>
					</c:forEach>
				
				<li class="page-item"><a class="page-link"
					href="zixun-page1.let?current=${page.pageMax }"
					aria-label="Next"> <span aria-hidden="true">&raquo;</span>
				</a></li>
			</ul>
		</nav>
	</section>
	


	<jsp:include page="/footer.jsp"></jsp:include>

</body>
</html>